<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米商城</title>
    <link rel="shortcut icon" href="../other/mi.ico" type="image/x-icon" />
    <link rel="stylesheet" href="base.css" />
    <link rel="stylesheet" href="../other/font/all.min.css" />
    <link rel="stylesheet" href="../other/bootstrap/css/bootstrap.min.css" />
    <script src="../other/bootstrap/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="mi.css" />
  </head>
  <body style="height: 3000px;">
    <!-- head start -->
    <header class="nav-box">
      <div class="nav">
        <div class="menus fl clear">
          <a href="javascript:void(0);">小米官网</a>
          <a href="javascript:void(0);">小米商城</a>
          <a href="javascript:void(0);">MIUI</a>
          <a href="javascript:void(0);">IoT</a>
          <a href="javascript:void(0);">云服务</a>
          <a href="javascript:void(0);">天星数科</a>
          <a href="javascript:void(0);">有品</a>
          <a href="javascript:void(0);">小爱开放平台</a>
          <a href="javascript:void(0);">资质证照</a>
          <a href="javascript:void(0);">协议规则</a>
          <a href="javascript:void(0);">下载app</a>
          <a href="javascript:void(0);">Select Location</a>
        </div>
        <div class="users fr clear">
          <div class="shopcar fr">
            <i class="fa fa-shopping-cart" aria-hidden="true" /></i>
        <span>购物车（0）</span></div>
        </div>
      </div>
    </header>
    <!-- head end -->

    <!-- menu start -->
    <section class="menu-box">
        <div class="row">
            <div class="col-2 logo">
                <a href="https://mi.com"></a>
            </div>
            <div class="col-6 menu">
                <span>Xiaomi手机</span>
                <span>Redmi手机</span>
                <span>电视</span>
                <span>笔记本</span>
                <span>平板</span>
                <span>家电</span>
                <span>路由器</span>
                <span>服务中心</span>
                <span>社区</span>
            </div>
            <div class="col-3 search">
                <div class="search-content">
                  <input type="text" name="" id="" placeholder="搜索">
                  <button><i class="fa fa-search" aria-hidden="true" /></i></button>
                </div>
            </div>
        </div>
    </section>



    <div class="fixed-right">
        <div>
          <i class="fa fa-mobile" aria-hidden="true" /></i>
          <span>手机APP</span>
        </div>
        <div>
          <i class="fa fa-mobile" aria-hidden="true" /></i>
          <span>手机APP</span>
        </div>
        <div>
          <i class="fa fa-mobile" aria-hidden="true" /></i>
          <span>手机APP</span>
        </div>
        <div>
          <i class="fa fa-mobile" aria-hidden="true" /></i>
          <span>手机APP</span>
        </div>
        <div>
          <i class="fa fa-mobile" aria-hidden="true" /></i>
          <span>手机APP</span>
        </div>
    </div>

  </body>
</html>
